<html>
<head>
    <meta name="viewport" content="width=device-width" charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="robots" content="none" />
    <title>中通快递</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
    <!--  <link rel="stylesheet" type="text/css" href="/css/af.ui.css">
    <link rel="stylesheet" type="text/css" href="/css/icons.css">
    <link rel="stylesheet" type="text/css" href="/css/zto.css">
    <script type="text/javascript" src="/js/appframework.js"></script> -->
    <link rel="stylesheet" type="text/css" href="/css/af.ui.css">
    <link rel="stylesheet" type="text/css" href="/css/icons.css">
    <link rel="stylesheet" type="text/css" href="/css/zto.css">
    <script type="text/javascript" src="/js/appframework.js"></script>
</head>
<body>

<div class="hint">
    <span></span>
    <div class="hint_box"></div>
</div>
<div id="afui">
    <div id="splashscreen" class='ui-loader heavy'>
        中通快递<br>
        <br>
        <span class='ui-icon ui-icon-loading spin'></span>
        <h1>加载中... </h1>
    </div>

    <div id="content">
        


<!--订单详情选择start-->
<div class="panel" js-scrolling="true" title="订单详情" id="provinceChange" data-header="sitesearch_header">

    <div class="w5">
            <table width="100%" border="0" cellpadding="0" cellspacing="0" class="orderListTable">
                <tr class="orderListTable_head">
                    <td><span>定单号</span></td>
                    <td><span>状态</span></td>
                    <td><span>下单时间</span></td>

                </tr>
                <tr>
                    <td>{{tmporder.orderid}}</td>
                    <td width="35"><font color="#006400">已下单</font></td>
                    <td>{{tmporder.modified}}</td>

                </tr>
                <tr>
                    <td colspan="4">
                        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableNone">
                            <tr>
                                <td rowspan="3" width="80" align="center" valign="middle">
                                    <img src="/img/price_send.png" width="60" height="60"></td>
                                <td width="80"><span>发件人：</span></td>
                                <td>{{tmporder.P_custname}}</td>
                            </tr>
                            <tr>
                                <td width="80"><span>手机号码：</span></td>
                                <td><a href="tel:{{tmporder.P_phoneno}}">{{tmporder.P_phoneno}}</a></td>
                            </tr>
                            <tr>
                                <td width="80"><span>发件地址：</span></td>
                                <td>{{tmporder.P_cityname}}{{tmporder.P_detailAdrinfo}}</td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableNone">
                            <tr>
                                <td rowspan="3" align="center" valign="middle" width="80">
                                    <img src="/img/price_receiver.png" width="60" height="60"></td>
                                <td valign="bottom" width="80"><span>收件人：</span></td>
                                <td>{{tmporder.g_custname}}</td>
                            </tr>
                            <tr>
                                <td width="80"><span>手机号码：</span></td>
                                <td valign="middle"><a href="tel:{{tmporder.g_phoneno}}">{{tmporder.g_phoneno}}</a></td>
                            </tr>
                            <tr>
                                <td width="80"><span>收件地址：</span></td>
                                <td valign="middle">{{tmporder.g_cityname}}{{tmporder.g_detailAdrinfo}}</td>
                            </tr>
                        </table>
                    </td>
                </tr>

            </table>
            <table width="100%" border="0" cellpadding="0" cellspacing="0" class="orderListTable">
            <tr>
                	<td width="30"><span>客户要求：</span></td>
                    <td width="70"><span>{{tmporder.content}}</span></td>
                </tr>
				<tr>
					<td width="30"><span>预计费用：</span></td>
                    <td width="70"><span>{{tmporder.postfee}} </span></td>
            </tr>
            </table>
            <div class="inputdiv mt30">
                <a onclick="deleteOrder({{tmporder.id}})" class="sbtn w100 fr">取消订单</a>
            </div>

    </div>
    
</div>
<div class="overbody">

</div>
<header id="sitesearch_header">
    <a id="backButton" href="/order/" data-ignore="True" class='button'></a>
    <h1>订单详情</h1>
</header>
<script type="text/javascript" src="/js/layer.m.js?v23"></script>
<!--订单详情选择end-->

<script type="text/javascript">
    function deleteOrder(id) {
    	$.post("/ordercancel/",
                    { "id": id },
                        function (result) {
                            if (result == "error" || result == error) {
                                showMask("只有下单用户才可以取消订单！", "info", 3000);
                                return false;
                            }
                            if (result == "true" || result == true) {
                                showMask("取消成功！", "right", 1000, "/order/", "");
                            } else {
                                showMask(result.Msg, "info", 3000);
                            }
                        }, "json");
     }
</script>

    </div>
    
</div>
    
    <script type="text/javascript" src="/js/appframework.ui.js"></script>
    <script type="text/javascript" src="/js/zto.wap.js"></script>
<script type="text/javascript">
    var t = false; //目前状态
    var id = ""; //上一次点击的ID
    $("#navbar a").click(function() {
        var i = $(this).index();
        $(".navbarJiao").removeClass("navbar1").removeClass("navbar2").removeClass("navbar3");
        $(".navbarList").removeClass("bottom");
        $(".navbarList").eq(i).toggleClass("bottom");
        if (i == id) {
            id = i;
            if (!t) {
                $(".navbarList").eq(i).addClass("bottom");
                $(".navbarJiao").addClass("navbar" + Number(i + 1));
                t = true;
            } else {
                $(".navbarList").eq(i).removeClass("bottom");
                $(".navbarJiao").removeClass("navbar1").removeClass("navbar2").removeClass("navbar3");
                t = false;
            }
        } else {
            id = i;
            $(".navbarList").eq(i).addClass("bottom");
            $(".navbarJiao").addClass("navbar" + Number(i + 1));
            t = true;
        }
    });
    $("#content,#header").bind("click", function() {
        $(".navbarList").removeClass("bottom");
        $(".navbarJiao").removeClass("navbar1").removeClass("navbar2").removeClass("navbar3");
    });
</script>
</body>
</html>

